<html>
<head>
<title>NAMBOOT | Website pinjam-meminjam</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
    <div id="header">
        <div id="head">
            <div id="logo">
                <p><a href="">NAMB<font color="#fdc86b">OO</font>T</a></p>
            </div>
            <h1>| Situs pinjam-meminjam barang Indonesia</h1>
            <!--            login dropdown-->
            <div id="loginContainer">
                <a href="#" id="loginButton"><span>LOGIN</span><em></em></a>
                <div style="clear:both"></div>
                <div id="loginBox">                
                    <form id="loginForm">
                        <fieldset id="body">
                            <fieldset>
                                <label for="email">Email Address</label>
                                <input type="text" name="email" id="email" />
                            </fieldset>
                            <fieldset>
                                <label for="password">Password</label>
                                <input type="password" name="password" id="password" />
                            </fieldset>
                            <input type="submit" id="login" value="SIGN IN" />
                            <label for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
                        </fieldset>
                        <span><a href="#">Forgot your password?</a></span>
                    </form>
                </div>
            </div>
<!--            end of login-->
            <input type="button" class="button" name="daftar-button" value="DAFTAR"/>
        </div>
    </div>
    <div id="button-add">
        <input type="button" class="button" name="sewakan-button" value="+SEWAKAN BARANG"/>
    </div>
    <div id="wrapper">
        <div id="categories">
            <p>KATEGORI<p/>
            <div class="category-item">
                <a href=""><img src="asset/item-rumah.png" title="Rumah sewaan"/></a>
                TEMPAT TINGGAL
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-buku.png" title="Buku/bacaan sewaan" /></a>
                BUKU / BACAAN
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-elektronik.png" title="Barang elektronik sewaan" /></a>
                BARANG ELEKTRONIK
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-kendaraan.png" title="Kendaraan sewaan" /></a>
                KENDARAAN
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-movie.png" title="Film sewaan" /></a>
                FILM
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-musik.png" title="Alat musik sewaan"/></a>
                ALAT MUSIK
            </div>
            <div class="category-item">
                <a href=""><img src="asset/item-misc.png" title="Penyewaan lain-lain" /></a>
                LAIN-LAIN
            </div>
        </div>
        <div id="search">
            <input type="text" name="search" id="search-box" value="Cari barang yang disewakan di sini..." onfocus="this.value=''"/>
            <select>
                <option name="category">semua jenis</option>
            </select>
            <select>
                <option name="category">semua kota</option>
            </select>
            <div id="namboot">
                <input type="submit" value="NAMBOOT" id="namboot-button"/>
            </div>
        </div>
    </div>
    <div id="footer">
        <a href="">kontak kami</a> &bull; <a href="">peraturan dan syarat</a> &bull; <a href="">bantuan</a>
    </div>
</body>
</html>